﻿@model IEnumerable<KTD.Web.Models.VD.AttachmentVD>


<div class="x-body" id="box">
    <xblock>
        <button class="layui-btn" id="addBtn" onclick="javascript:$('#File').click()"><i class="layui-icon"></i>上传附件</button>
        <input type="file" id="File"  style="display:none;"/>
        <span class="x-right" style="line-height:40px">共有数据：@Model.Count()条</span>
    </xblock>
    <table class="layui-table">
        <thead>
            <tr>
                <th>名称</th>
                <th>类型</th>
                <th>长度</th>
                <th>上传时间</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.ToList())
            {
                <tr>
                    <td><a href="@item.SavePath" target="_blank" >@item.Name</a> </td>
                    <td>@item.ContentType</td>
                    <td>@item.Length</td>
                    <td>@item.CreateDateTime</td>
                    <td class="td-manage">

                        <a title="删除" onclick="member_del(this,'@item.Id')" href="javascript:;">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
            }

        </tbody>
    </table>







</div>


@section scripts{
    <script>
        /*删除*/
        function member_del(obj, id) {
            layer.confirm('确认要删除吗？', function (index) {
                 $.ajax({
                        url: '/Attachment/Delete',
                        type: 'post',
                        data: {
                            Id:id,
                        },
                        dataType: 'json',
                        success: function (res) {
                            if (res.success) {

                               $(obj).parents("tr").remove();
                               layer.msg('已删除!', { icon: 1, time: 1000 });
                            }
                            else {
                                layer.msg('添加失败，' + res.msg, { icon: 2, time: 5000 });
                            }

                        }
                    });
                });
        }

            //③创建fileLoad方法用来上传文件
            function fileLoad(ele) {
                //④创建一个formData对象
                var formData = new FormData();
                //⑤获取传入元素的val
                var name = $(ele).val();
                //⑥获取files
                var file = $(ele)[0].files[0];
                //⑦将name 和 files 添加到formData中，键值对形式
                formData.append("File", file);
                formData.append("OSSId", "@ViewBag.Id");
                $.ajax({
                    url: "/Attachment/Create",
                    type: 'POST',
                    data: formData,
                    processData: false,// ⑧告诉jQuery不要去处理发送的数据
                    contentType: false, // ⑨告诉jQuery不要去设置Content-Type请求头
                    //beforeSend: function () {
                    //    //⑩发送之前的动作
                    //    alert("我还没开始发送呢");
                    //},
                    success: function (responseStr) {
                        //11成功后的动作
                         layer.msg('上场成功!', { icon: 5, time: 1000 });
                        window.location.reload();
                    }
                    ,
                    error: function (responseStr) {
                        //12出错后的动作
                        alert("出错啦");
                    }
                });
            }
            $(function () {
                var $input = $("#File");
                // ①为input设定change事件
                $input.change(function () {
                    //    ②如果value不为空，调用文件加载方法
                    if ($(this).val() != "") {
                        fileLoad(this);
                    }
                })
            })
    </script>
}

    